@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin _display ($x) {
  display: $x;
  -ms-display: $x;
  -moz-display: $x;
  -webkit-display: $x;
  -o-display: $x;
}

@mixin _justify ($x) {
  justify-content: $x;
  -ms-justify-content: $x;
  -moz-justify-content: $x;
  -webkit-justify-content: $x;
  -o-justify-content: $x;
}

@mixin _align ($x) {
  align-items: $x;
  -ms-align-items: $x;
  -moz-align-items: $x;
  -webkit-align-items: $x;
  -o-align-items: $x;
}

@mixin _borderRadius ($x) {
  border-radius: $x;
  -ms-border-radius: $x;
  -moz-border-radius: $x;
  -webkit-border-radius: $x;
  -o-border-radius: $x;
}